{extend name="index/index" /}
{block name="main"}
<div style="width: 375px;height: 300px;background-image: url('/static/index/img/banner_toplist_bg.png');">
    <div class="container">
        <img src="/static/index/img/banner_toplist_text.png" width="350" height="280">
    </div>
</div>

<div class="container">
    <!-- 排行榜 -->
    <div class="container" style="margin-top:40px;">
        <div class="row">
            <div>
                <ul class="list-inline">
                    <li class="pull-left glyphicon glyphicon-grain" style="font-size:20px;color: red"></li>
                    <li class="pull-left " style="font-size:20px;">国漫排行</li>
                </ul>
                <hr>
                <div style="width: 350px; display: inline-block;margin-left:20px;">
                    <div class="row">
                        <div class="col-xs-6">
                            <a href="">
                                <img src="/uploads/123.jpg" width="180" height="240">
                            </a>
                        </div>
                        <div class="col-xs-6">
                            <p style="font-size:20px;">name</p>
                            <p>mark</p>
                            <br>
                            <br>
                            <br>
                            <br>
                            <br>
                            <p>detail</p>
                            <br>
                            <p>author</p>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div>
                <ul class="list-inline">
                    <li class="pull-left glyphicon glyphicon-grain" style="font-size:20px;color: red"></li>
                    <li class="pull-left " style="font-size:20px;">日漫排行</li>
                </ul>
                <hr>
                <div style="width: 350px; display: inline-block;margin-left:20px;">
                    <div class="row">
                        <div class="col-xs-6">
                            <a href="">
                                <img src="/uploads/123.jpg" width="180" height="240">
                            </a>
                        </div>
                        <div class="col-xs-6">
                            <p style="font-size:20px;">name</p>
                            <p>mark</p>
                            <br>
                            <br>
                            <br>
                            <br>
                            <br>
                            <p>detail</p>
                            <br>
                            <p>author</p>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div>
                <ul class="list-inline">
                    <li class="pull-left glyphicon glyphicon-grain" style="font-size:20px;color: red"></li>
                    <li class="pull-left " style="font-size:20px;">综合热门排行</li>
                </ul>
                <hr>
                <div style="width: 350px; display: inline-block;margin-left:20px;">
                    <div class="row">
                        <div class="col-xs-6">
                            <a href="">
                                <img src="/uploads/123.jpg" width="180" height="240">
                            </a>
                        </div>
                        <div class="col-xs-6">
                            <p style="font-size:20px;">name</p>
                            <p>mark</p>
                            <br>
                            <br>
                            <br>
                            <br>
                            <br>
                            <p>detail</p>
                            <br>
                            <p>author</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


{/block}